<!-- 编辑用户弹窗线框 -->
<div class="modal-mask" style="position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.18);z-index:1000;display:flex;align-items:center;justify-content:center;">
  <div class="modal-dialog" style="width:480px;background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(80,60,180,0.10);padding:0 0 24px 0;max-height:90vh;overflow-y:auto;">
    <div style="display:flex;align-items:center;justify-content:space-between;padding:24px 32px 12px 32px;border-bottom:1px solid #f0f0f0;">
      <span style="font-size:1.3rem;font-weight:bold;">编辑用户</span>
      <span style="font-size:1.5rem;color:#bbb;cursor:pointer;">×</span>
    </div>
    <form style="padding:0 32px;">
      <div style="margin:24px 0 0 0;display:flex;align-items:center;gap:12px;">
        <span style="color:#f56c6c;font-size:1.1rem;">*</span>
        <label style="width:70px;color:#888;text-align:right;">用户名</label>
        <input type="text" value="hehehe" style="flex:1;background:#f6f7fb;border:1px solid #e0e0e0;border-radius:6px;padding:6px 12px;" />
      </div>
      <div style="margin:18px 0 0 0;display:flex;align-items:center;gap:12px;">
        <label style="width:70px;color:#888;text-align:right;">昵称</label>
        <input type="text" placeholder="请输入昵称" style="flex:1;background:#f6f7fb;border:1px solid #e0e0e0;border-radius:6px;padding:6px 12px;" />
      </div>
      <div style="margin:18px 0 0 0;display:flex;align-items:center;gap:12px;">
        <span style="color:#f56c6c;font-size:1.1rem;">*</span>
        <label style="width:70px;color:#888;text-align:right;">邮箱</label>
        <input type="email" value="hest@xample.com" style="flex:1;background:#f6f7fb;border:1px solid #e0e0e0;border-radius:6px;padding:6px 12px;" />
      </div>
      <div style="margin:18px 0 0 0;display:flex;align-items:center;gap:12px;">
        <span style="color:#f56c6c;font-size:1.1rem;">*</span>
        <label style="width:70px;color:#888;text-align:right;">状态</label>
        <label style="display:flex;align-items:center;gap:8px;font-size:1rem;">
          <input type="checkbox" checked style="accent-color:#6a9cfb;" /> 启用
        </label>
        <label style="display:flex;align-items:center;gap:8px;font-size:1rem;">
          <input type="checkbox" style="accent-color:#bbb;" /> 禁用
        </label>
      </div>
      <div style="display:flex;justify-content:flex-end;gap:12px;margin-top:32px;">
        <button type="button" style="background:#f6f7fb;color:#888;border:none;border-radius:8px;padding:8px 28px;font-size:1rem;cursor:pointer;">取消</button>
        <button type="submit" style="background:#6a9cfb;color:#fff;border:none;border-radius:8px;padding:8px 28px;font-size:1rem;font-weight:bold;cursor:pointer;">确定</button>
      </div>
    </form>
  </div>
</div>
